<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--头部-->
<div class="header" th:fragment="headerbar">
    <div class="header-content">
        <div class="logo">
            <img th:src="@{/images/favicon.ico}"/>
        </div>
        <div class="nav-items">
            <ul class="layui-nav" lay-filter="">
                <li th:class="${active=='index'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/index}">首页</a></li>
                <li th:class="${active=='course'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/course}">技能仓库</a></li>
                <li th:class="${active=='note'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/note}">随堂笔记</a></li>
                <li th:class="${active=='paperList'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/paper}">今日挑战</a></li>
                <li th:class="${active=='download'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/download}">资料下载</a></li>
                <li th:class="${active=='question'?'layui-nav-item layui-this':'layui-nav-item'}">
                    <a th:href="@{/question}">擂台广场</a></li>
                <!--<li class="layui-nav-item"><a href="exam.html">对话职场</a></li>-->
            </ul>
        </div>
        <div class="login-register">
            <div class="login-user-icon">
                <div class="user-icon" th:if="${session.userEntity != null}">
                    <img th:if="${session.userEntity.headImgUrl != null && session.userEntity.headImgUrl != ''}" th:src="${session.userEntity.headImgUrl}" alt="头像" />
                </div>
                <div class="user-login-panel" th:if="${session.userEntity != null}">
                    <div class="top-item">
                        <span th:if="${session.userEntity.nickName != null && session.userEntity.nickName != ''}"><i class="layui-icon layui-icon-username"></i><span class="center-item-inner">[[${session.userEntity.nickName}]]</span></span>
                        <span th:if="${session.userEntity.nickName == null || session.userEntity.nickName == ''}"><span class="center-item-inner">[[${session.userEntity.email}]]</span></span>
                        <div class="user-icon">
                            <img th:if="${session.userEntity.headImgUrl != null && session.userEntity.headImgUrl != ''}" th:src="${session.userEntity.headImgUrl}" alt="头像" />
                        </div>
                    </div>
                    <div class="center-item" onclick="personCenter()">
                        <span><i class="layui-icon layui-icon-set"></i><span class="center-item-inner">个人中心</span></span>
                    </div>
                    <div class="center-item" onclick="personIndex()">
                        <span><i class="layui-icon layui-icon-home"></i><span class="center-item-inner">个人主页</span></span>
                    </div>
                    <div class="center-item" onclick="recordList()">
                        <span><i class="layui-icon layui-icon-find-fill"></i><span class="center-item-inner">藏经大楼</span></span>
                    </div>
                    <div class="logout-item" onclick="logout()">
                        <span><i class="layui-icon layui-icon-logout"></i><span class="logout-item-inner">退出系统</span></span>
                    </div>
                </div>
            </div>
            <div class="login-block-btn" th:if="${session.userEntity == null}">
                <a class="login layui-btn layui-btn-warm">登录</a>
            </div>
        </div>
    </div>
    <div class="top-message">
        <div class="message-content">笔记为重要资料，若需要请发邮件提供注册号码解锁~~<i class="layui-icon layui-icon-face-smile-b"></i></div>
    </div>
    <!--登录界面-->
    <script type="text/html" id="login-panel">
        <div class="layui-form layui-form-pane login-form">
            <div class="login-head">登录</div>
            <div class="layui-tab layui-tab-brief" lay-filter="login-type-tab">
                <ul class="layui-tab-title tab-uls">
                    <li class="layui-this">密码登录</li>
                    <li class="">验证码登录</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="layui-form-item">
                            <div class="login-info-item">
                                <input type="text" id="login-phone" placeholder="请输入11位手机号码" class="layui-input" maxlength="11"/>
                            </div>
                            <div class="login-info-item">
                                <input type="password" id="login-password" placeholder="请输入登录密码" class="layui-input" maxlength="12"/>
                            </div>
                            <div class="login-info-item">
                                <button class="layui-btn layui-btn-normal btn" id="login-btn">登&nbsp;录</button>
                            </div>
                            <!--<div class="other-login">
                                <a class="forget-password">忘记密码？</a>
                            </div>-->
                            <div class="agree">
                                <span>登录代表已阅读并同意<span class="agree-content"><a href="/agreement" target="_blank">《用户协议和隐私》</a></span></span>
                            </div>
                        </div>
                    </div>
                    <div class="layui-tab-item">
                        <div class="layui-form-item">
                            <div class="login-info-item">
                                <input type="text" id="login-email" placeholder="请输入邮箱" class="layui-input" maxlength="24" name="login_email" value=""/>
                            </div>
                            <div class="login-info-item">
                                <input type="text" id="login-verification" placeholder="请输入邮箱验证码" class="layui-input" maxlength="6"/><button class="layui-btn layui-btn-normal load-verification">获取验证码</button>
                            </div>
                            <div class="login-info-item">
                                <button class="layui-btn layui-btn-normal btn" id="login-email-btn">登&nbsp;录</button>
                            </div>
                            <!--<div class="other-login">
                                <a class="forget-password" onclick="forgetPass()">忘记密码？</a>
                            </div>-->
                            <div class="agree">
                                <span>登录代表已阅读并同意<span class="agree-content"><a href="/agreement" target="_blank">《用户协议和隐私》</a></span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </script>
</div>

<!--尾部-->
<div class="footer" th:fragment="footerbar">
    <div class="warp">
        <!--<div class="warp-left">
            <img th:src="@{/images/qrcode.jpg}"/>
        </div>-->
        <div class="warp-content">
            <p>联系我们 ：180-0569-9661</p>
            <p>邮箱地址 ：wf629724@163.com</p>
            <p>Happy Study · 学习使人快乐、在学习中寻找快乐、在枯燥中发现快乐，把学习一门技术当做完成一件作品去对待，愿所有喜欢IT的朋友们能够快乐的学习~~</p>
            <p><a style="color: #fff" target="_blank" href="https://beian.miit.gov.cn">皖ICP备2020019296号-2</a></p>
        </div>
    </div>
</div>

